<!DOCTYPE html>
<html style="background: #fff;">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta charset="UTF-8">
	<title>活动详情</title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5bwuet8jTteg58uoKb6AS3cdn2fpKSEA"></script>
	<style type="text/css">
		.btn {
			margin-bottom: 0.15rem;
		}

		.act-list li div {
			background: none
		}

		.hslx {
			top: 6.027rem;
			position: absolute;
			z-index: 999;
			background-color: #fff;
			width: 9.33rem;
			margin: 0 0.333rem;
			border-radius: 0.2667rem;
			box-shadow: 0 0.0267rem 0.04rem #dedede;
			border: 0.028rem solid #dedede;
			border-top: 0;
		}

		.but {
			float: right;
			width: 20%;
			height: 0.626rem;
			color: #fff;
			top: 0;
			text-align: center;
			border: 0;
			border-radius: 0.133rem;
		}

		.index-header {
			height: 1.173rem;
			font-size: 0.48rem;
			line-height: 1.173rem;
			background: url(images/bac.png) no-repeat;
			background-size: 100% 100%
		}

		#but_bac {
			background-color: #e95a91;
		}

		#but_bac a {
			color: #fff;
			font-size: 0.373rem;
		}
	</style>
</head>

<body style="background:none;">
	<div id="body-content">

		<div class="index-header">活动详情</div>

		<img class="acbn" src="images/jbnner.jpg" alt="" />
		<!-- {{# var statusText="",color="";
		if(d.status=="PROCESSING"){
		statusText="进行中";
		color="#e95a91";
		}else if(d.status=="PASS"){
		statusText="报名中";
		color="";
		}else if(d.status=="EXPIRED"){
		statusText="已结束";
		color="#9e9e9e";
		}
		}} -->
		<div class="hslx">
			<ul class="act-list">
				<li>
					<div id="xm"><span></span>学习小组</div>
				</li>
				<li style="margin-top:0.133rem;">
					<div id="date"><span></span>2019-05-05至2019-05-07<button class="but">报名中</button></div>
				</li>
				<li>
					<div id="tel"><span></span>18302842474</div>
				</li>
				<li id="map">
					<div id="dz"><span></span>四川省成都市四川旅游学院地陷广场</div>
				</li>
			</ul>
		</div>

		<div class="act-hdxq">
			<div id="xqBox" style="display: block;">
				<p>立夏，24节气中的第7个节气。时间点在每年公历5月5日到5月7日之间，是干支巳月的其实，太阳到达黄经45°时，
					也标志着夏天真正来临了。四川旅游学院，联合读书爱好者学会，开展了一期以夏天为主题的游园会，邀请大家参加。</p>
			</div>
		</div>


		<div style="text-align: center">
			<button class="content-but" id="but_bac"><a href="entered.html">立即报名</a></button>
		</div>
	</div>
	<nav id="nav">

		<a href="index.html">
			<div class="nav-a">
				<img src="images/home.png" alt="" />
			</div>
		</a>
		<a href="Journalism.html">
			<div class="nav-a">
				<img src="images/n22.png" alt="" />
			</div>
		</a>
		<a href="activity.html">
			<div class="nav-a">
				<img src="images/h1.png" alt="" />
			</div>
		</a>
		<a href="my.html">
			<div class="nav-a">
				<img src="images/m11.png" alt="" />
			</div>
		</a>
	</nav>
	<script type="text/javascript">
		//点击详情
		$(document).on("click", "#xqBtn", function () {
			$(".mark").hide();
			$("#xqBox").show();
			$(this).parent(".act-hdxq-dw").hide();
		})
		//得到地图
		var myGeo = new BMap.Geocoder();
		$(document).on("click", "#map", function () {
			var address = $(this).attr("data-address");
			myGeo.getPoint(address, function (point) {
				if (point) {
					window.location.href = "map.html?lng=" + point.lng + "&lat=" + point.lat;
				} else {
					alert("您选择地址没有解析到结果!");
				}
			}, address);
		})
	</script>
</body>

</html>